<template>
	<div class="container home" v-loading="loading">
		<div class="header subheader">
			<Header></Header>
		</div>
		<div class="maincontainer" :class="wdtype==0?'wd1200':''">
			<!-- <el-button v-show="closetype!=1" style="margin-top:20px" @click="goBack" >返回</el-button> -->
			<div class="enterprise-info" :class="wdtype==0?'wd1152':''" v-if="opendata">
				<div class="top-info overflow">
					<div class="icon-logo fl">
						<!-- <img src="../../assets/images/iconlogo.png" /> -->
						<div class="logotag">{{companybasedata.company_name.substr(0, 2)}}</div>
					</div>
					<div class="info-name overflow">
						<div class="name">
							{{companybasedata.company_name}}<span>{{companybasedata.company_status}}</span></div>
						<div class="tag-list">
							<el-tag v-for="(item,index) in basetaglist" :key="index">
								{{item.name}}
							</el-tag>
							<!-- <el-tag type="success" effect="plain">
								A股企业
							</el-tag>
							<el-tag type="" effect="plain">
								新三板
							</el-tag> -->
						</div>
						<div class="optional" v-if="openclose == 0" @click="collectadd"><img src="../../assets/images/iconadd.png" />自选</div>
						<div class="optional closeoptional" v-else @click="collectremove">取消自选</div>
					</div>
				</div>
				<div class="bottom-info">
					<div class="info-list">
						<div class="box">
							<p>法定代表人：<span v-if="companybasedata.legal_person != null">{{companybasedata.legal_person}}</span><span v-else>--</span></p>
							<p>注册资本：<span v-if="companybasedata.capital != null && companybasedata.capital != ''">{{companybasedata.capital_num}}{{companybasedata.capital.match(/[\u4e00-\u9fa5]/g).join('')}}</span><span v-else>--</span></p>
							<p>成立时间：<span v-if="companybasedata.operation_startdate != null && companybasedata.operation_startdate != ''">{{companybasedata.operation_startdate}}</span><span v-else>--</span></p>
							<p>曾用名：<span v-if="hnametotal > 0">{{hnameone}}<em  v-if="hnametotal > 1" @click="dialogname = true">更多{{hnametotal}}</em></span><span
									v-else>--</span></p>
						</div>
						<div class="box">
							<p class="phone">电话：<span v-if="tlxfstotal > 0">{{tlxfsone.contact}}</span><span v-else>--</span><em
									v-if="tlxfstotal > 1" @click="dialogphone = true">更多{{tlxfstotal}}</em></p>
							<p class="mail">邮箱：<span v-if="mlxfstotal > 0">{{mlxfsone.contact}}</span><span v-else>--</span><em
									v-if="mlxfstotal > 1" @click="dialogmail = true">更多{{mlxfstotal}}</em></p>
							<p class="address">地址：<span
									v-if="alxfstotal > 0">{{companybasedata.company_address}}</span><span v-else>--</span><em
									v-if="alxfstotal > 1" @click="dialogaddress = true">更多{{alxfstotal}}</em></p>
						</div>
					</div>
					<div class="introduction">
						<span class="fl">简介：</span>
						<p class="overflow" v-if="companybasedata.company_profile != null">{{companybasedata.company_profile}}</p>
						<p class="overflow" v-else>--</p>
					</div>
				</div>
				<div class="monitor">
					<div class="title fl">
						<img src="../../assets/images/iconmonitor.png" />
						企业监测
					</div>
					<div class="text-list overflow">
						<div class="box">监测到 <span>{{typeabnormaltotal+typepunishtotal+pledgetotal+typechangetotal}}</span> 条信息
						</div>
						经营异常信息 <span @click="two(typeabnormaltotal,1)">{{typeabnormaltotal}}</span> 条，行政处罚信息 <span
							@click="two(typepunishtotal,2)">{{typepunishtotal}}</span> 条，工商变更信息 <span
							@click="one(typechangetotal,5)">{{typechangetotal}}</span>
						条<!-- ，风险预警信息 <span>21</span> 条 -->
					</div>
				</div>
			</div>
			<div class="column-container">
				<div class="columnmain" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave">
					<div class="column-title">
						<div class="box pointer" :class=" n==1 && 'cur'" @click.self="n=1">
							企业背景<span>{{partnertotal + securitytotal + branchtotal + stdtotal + changetotal}}</span>
						</div>
						<div class="box pointer" :class=" n==2 && 'cur'" @click.self="n=2">
							经营风险<span>{{abnormaltotal + punishtotal + tpunishtotal + taxinfototal}}</span></div>
						<div class="box pointer" :class=" n==3 && 'cur'" @click.self="n=3">
							司法风险<span>{{filedcasetotal + xianxiaototal + shixintotal + noticetotal + awsuittotal + announcementtotal + zhixingtotal}}</span>
						</div>
						<div class="box pointer" :class=" n==4 && 'cur'" @click.self="n=4">
							经营状态<span>{{integratetotal + allowtotal + checktotal + rongzitotal + employmenttotal + maintotal + rannouncementtotal + chatteltotal + pledgetotal}}</span>
						</div>
						<div class="box pointer" :class=" n==5 && 'cur'" @click.self="n=5">
							知识产权信息<span>{{trademarktotal + tabletotal + softwaretotal + workstotal + icptotal}}</span>
						</div>
						<!-- <div class="box pointer" :class =" n==6 && 'cur'" @click.self="n=6">历史信息<span>115</span></div> -->
					</div>
					<div class="column-list" v-show="columnshow">
						<div class="list">
							<p :class="partnertotal>0?'pointer':'nopointer'" @click="one(partnertotal,1)">股东信息
								<span class="number">{{partnertotal}}</span></p>
							<p :class="securitytotal>0?'pointer':'nopointer'" @click="one(securitytotal,2)">参保信息
								<span class="number">{{securitytotal}}</span></p>
							<p :class="branchtotal>0?'pointer':'nopointer'" @click="one(branchtotal,3)">分支机构
								<span class="number">{{branchtotal}}</span></p>
							<p :class="stdtotal>0?'pointer':'nopointer'" @click="one(stdtotal,4)">对外投资 <span class="number">{{stdtotal}}</span></p>
							<p :class="changetotal>0?'pointer':'nopointer'" @click="one(changetotal,5)">变更信息
								<span class="number">{{changetotal}}</span></p>
						</div>
						<div class="list fxlist">
							<p :class="abnormaltotal>0?'pointer':'nopointer'" @click="two(abnormaltotal,1)">经营异常
								<span class="number">{{abnormaltotal}}</span></p>
							<p :class="punishtotal>0?'pointer':'nopointer'" @click="two(punishtotal,2)">行政处罚
								<span class="number">{{punishtotal}}</span></p>
							<p :class="tpunishtotal>0?'pointer':'nopointer'" @click="two(tpunishtotal,3)">重大税收违法信息
								<span class="number">{{tpunishtotal}}</span></p>
							<p :class="taxinfototal>0?'pointer':'nopointer'" @click="two(taxinfototal,4)">欠税公告
								<span class="number">{{taxinfototal}}</span></p>
						</div>
						<div class="list fxlist">
							<p :class="filedcasetotal>0?'pointer':'nopointer'" @click="three(filedcasetotal,1)">立案信息
								<span class="number">{{filedcasetotal}}</span></p>
							<p :class="xianxiaototal>0?'pointer':'nopointer'" @click="three(xianxiaototal,2)">限制高消费
								<span class="number">{{xianxiaototal}}</span></p>
							<p :class="shixintotal>0?'pointer':'nopointer'" @click="three(shixintotal,3)">失信被执行人
								<span class="number">{{shixintotal}}</span></p>
							<p :class="noticetotal>0?'pointer':'nopointer'" @click="three(noticetotal,4)">开庭公告
								<span class="number">{{noticetotal}}</span></p>
							<p :class="awsuittotal>0?'pointer':'nopointer'" @click="three(awsuittotal,5)">裁判文书
								<span class="number">{{awsuittotal}}</span></p>
							<p :class="announcementtotal>0?'pointer':'nopointer'" @click="three(announcementtotal,6)">
								法院公告 <span class="number">{{announcementtotal}}</span></p>
							<p :class="zhixingtotal>0?'pointer':'nopointer'" @click="three(zhixingtotal,7)">被执行人
								<span class="number">{{zhixingtotal}}</span></p>
						</div>
						<div class="list">
							<p :class="integratetotal>0?'pointer':'nopointer'" @click="four(integratetotal,1)">资质信息
								<span class="number">{{integratetotal}}</span></p>
							<p :class="allowtotal>0?'pointer':'nopointer'" @click="four(allowtotal,2)">行政许可
								<span class="number">{{allowtotal}}</span></p>
							<p :class="checktotal>0?'pointer':'nopointer'" @click="four(checktotal,3)">抽查检查
								<span class="number">{{checktotal}}</span></p>
							<p :class="rongzitotal>0?'pointer':'nopointer'" @click="four(rongzitotal,4)">融资历程
								<span class="number">{{rongzitotal}}</span></p>
							<p :class="employmenttotal>0?'pointer':'nopointer'" @click="four(employmenttotal,5)">招聘信息
								<span class="number">{{employmenttotal}}</span></p>
							<p :class="maintotal>0?'pointer':'nopointer'" @click="four(maintotal,6)">招投标 <span class="number">{{maintotal}}</span>
							</p>
							<p :class="rannouncementtotal>0?'pointer':'nopointer'" @click="four(rannouncementtotal,7)">
								购地信息 <span class="number">{{rannouncementtotal}}</span></p>
							<p :class="chatteltotal>0?'pointer':'nopointer'" @click="four(chatteltotal,8)">动产抵押
								<span class="number">{{chatteltotal}}</span></p>
							<p :class="pledgetotal>0?'pointer':'nopointer'" @click="four(pledgetotal,9)">股权出质
								<span class="number">{{pledgetotal}}</span></p>
						</div>
						<div class="list">
							<p :class="trademarktotal>0?'pointer':'nopointer'" @click="five(trademarktotal,1)">商标信息
								<span class="number">{{trademarktotal}}</span></p>
							<p :class="tabletotal>0?'pointer':'nopointer'" @click="five(tabletotal,2)">专利信息
								<span class="number">{{tabletotal}}</span></p>
							<p :class="softwaretotal>0?'pointer':'nopointer'" @click="five(softwaretotal,3)">软件著作权
								<span class="number">{{softwaretotal}}</span></p>
							<p :class="workstotal>0?'pointer':'nopointer'" @click="five(workstotal,4)">作品著作权
								<span class="number">{{workstotal}}</span></p>
							<p :class="icptotal>0?'pointer':'nopointer'" @click="five(icptotal,5)">网站备案信息 <span class="number">{{icptotal}}</span>
							</p>
						</div>
					</div>
				</div>
				<div class="column-main">
					<div class="table-container" v-show="n==1">
						<div class="common-box">
							<div class="common-title">工商信息</div>
							<div
								class="table-box el-table el-table--fit el-table--border el-table--enable-row-hover el-table--enable-row-transition el-table--medium">
								<table cellspacing="0" cellpadding="0" border="0" class="bigtable el-table__body">
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">企业名称</div>
										</td>
										<td class="el-table__cell" colspan="3">
											<div class="cell" v-if="companybasedata.company_name != null">{{companybasedata.company_name}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">成立日期</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.operation_startdate != null && companybasedata.operation_startdate != ''">{{companybasedata.operation_startdate}}</div>
											<div class="cell" v-else>--</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">社会信用代码 </div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.credit_no != null">{{companybasedata.credit_no}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">法定代表人</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.legal_person != null">{{companybasedata.legal_person}}</div>
											<div class="cell" v-else>--</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">登记状态</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.company_status != null">{{companybasedata.company_status}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">注册资本</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.capital != null && companybasedata.capital != ''">{{companybasedata.capital_num}}{{companybasedata.capital.match(/[\u4e00-\u9fa5]/g).join('')}}</div>
											<div class="cell" v-else>--</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">实缴资本</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.real_capital != null">{{companybasedata.real_capital}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">营业期限</div>
										</td>
										<td class="el-table__cell">
											<div class="cell">
												<span v-if="companybasedata.operation_startdate != null">{{companybasedata.operation_startdate}}</span><span v-else>--</span>
												至
												<span v-if="companybasedata.operation_enddate != null">{{companybasedata.operation_enddate}}</span><span v-else>--</span>
											</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">组织机构代码 </div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.org_code != null">{{companybasedata.org_code}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">企业类型</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.company_type != null">{{companybasedata.company_type}}</div>
											<div class="cell" v-else>--</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">核准日期 </div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.issue_date !=null">
												{{companybasedata.issue_date.substr(0, 10)}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">所属行业</div>
										</td>
										<td class="el-table__cell">
											<div class="cell">
												{{companybasedata.industry_l1_name}}/{{companybasedata.industry_l2_name}}/{{companybasedata.industry_l3_name}}
											</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">参保人数 </div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.insurance_amount_count !=null">
												{{companybasedata.insurance_amount_count}} 人</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">登记机关</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.authority !=null">{{companybasedata.authority}}</div>
											<div class="cell" v-else>--</div>
										</td>
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">所属地区</div>
										</td>
										<td class="el-table__cell">
											<div class="cell" v-if="companybasedata.province_short !=null">{{companybasedata.province_short}}</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">企业地址</div>
										</td>
										<td class="el-table__cell" colspan="3">
											<div class="cell" v-if="companybasedata.company_address !=null">{{companybasedata.company_address}}</div>
											<div class="cell" v-else>--</div>
										</td>

									</tr>
									<tr class="el-table__row">
										<td class="el-table__cell table-name" style="width:200px">
											<div class="cell">经营范围</div>
										</td>
										<td class="el-table__cell" colspan="3">
											<div class="cell" v-if="companybasedata.business_scope !=null">
												{{companybasedata.business_scope}}
											</div>
											<div class="cell" v-else>--</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="common-box" id="one1" v-if="partnertotal > 0">
							<div class="common-title">股东信息 {{partnertotal}}</div>
							<div class="table-box">
								<el-table :data="partnerlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(ppageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="股东名称">
										<template slot-scope="scope">
											<span v-if="scope.row.stock_name != null">{{scope.row.stock_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="股权占比">
										<template slot-scope="scope">
											<span v-if="scope.row.stock_proportion != null">{{scope.row.stock_proportion*100}}%</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="股东类型">
										<template slot-scope="scope">
											<span v-if="scope.row.stock_type != null">{{scope.row.stock_type}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="认缴出资额">			
										<template slot-scope="scope">
											<span v-if="scope.row.stock_capital != null">{{scope.row.stock_capital}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="实缴出资额">
										<template slot-scope="scope">
											<span v-if="scope.row.stock_realcapital != null">{{scope.row.stock_realcapital}}</span>
											<span v-else>--</span>
										</template>
										
									</el-table-column>
									<el-table-column label="股东进入日期">
										<template slot-scope="scope">
											<span v-if="scope.row.include_date != null">{{scope.row.include_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="partnertotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="partnerChange"  :page-size="5"
									:total="partnertotal">
								</el-pagination>
							</div>
						</div>
						<div class="common-box" id="one2" v-if="securitytotal > 0">
							<div class="common-title">参保信息 {{securitytotal}}</div>
							<div class="table-box">
								<el-table :data="securitylist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(spageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="年报年份">
										
										<template slot-scope="scope">
											<span v-if="scope.row.report_year != null">{{scope.row.report_year}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="保险种类名称">
										
										<template slot-scope="scope">
											<span v-if="scope.row.insurance_name != null">{{scope.row.insurance_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="参保人数">
										
										<template slot-scope="scope">
											<span v-if="scope.row.insurance_amount != null">{{scope.row.insurance_amount}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="保险缴费基数">
										
										<template slot-scope="scope">
											<span v-if="scope.row.insurance_base != null">{{scope.row.insurance_base}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="实际缴费金额">
										<template slot-scope="scope">
											<span v-if="scope.row.insurance_real_capital != null">{{scope.row.insurance_real_capital}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<!-- <el-table-column prop="contribution" label="实缴出资日期">
									</el-table-column> -->
									<el-table-column label="累计欠缴金额">
										<template slot-scope="scope">
											<span v-if="scope.row.insurance_arrearage != null">{{scope.row.insurance_arrearage}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="securitytotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="securityChange" :page-size="5"
									:total="securitytotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="one3" v-if="branchtotal > 0">
							<div class="common-title">分支机构 {{branchtotal}}</div>
							<div class="table-box">
								<el-table :data="branchlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(bpageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="企业名称">
										
										<template slot-scope="scope">
											<span v-if="scope.row.branch_name != null">{{scope.row.branch_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="负责人">
										<template slot-scope="scope">
											<span v-if="scope.row.legal_person != null">{{scope.row.legal_person}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="分支机构注册号">
										
										<template slot-scope="scope">
											<span v-if="scope.row.branch_code != null">{{scope.row.branch_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="统一信用代码">
										<template slot-scope="scope">
											<span v-if="scope.row.branch_credit_no != null">{{scope.row.branch_credit_no}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="成立日期">
										<template slot-scope="scope">
											<span v-if="scope.row.establish_date != null">{{scope.row.establish_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="分支机构登记机关">
										
										<template slot-scope="scope">
											<span v-if="scope.row.authority != null">{{scope.row.authority}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="登记状态">
										
										<template slot-scope="scope">
											<span v-if="scope.row.company_status != null">{{scope.row.company_status}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="branchtotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="branchChange" :page-size="5"
									:total="branchtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="one4" v-if="stdtotal > 0">
							<div class="common-title">对外投资 {{stdtotal}}</div>
							<div class="table-box">
								<el-table :data="stdlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(stpageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="企业名称">
										
										<template slot-scope="scope">
											<span v-if="scope.row.company_name != null">{{scope.row.company_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<!-- <el-table-column label="法定代表人">
										
										<template slot-scope="scope">
											<span v-if="scope.row.legal_person != null">{{scope.row.legal_person}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="统一信用代码">
										
										<template slot-scope="scope">
											<span v-if="scope.row.credit_no != null">{{scope.row.credit_no}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column> -->
									<el-table-column label="应缴出资额">
										
										<template slot-scope="scope">
											<span v-if="scope.row.stock_capital != null">{{scope.row.stock_capital}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="实缴出资额">
										
										<template slot-scope="scope">
											<span v-if="scope.row.stock_realcapital != null">{{scope.row.stock_realcapital}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="股权占比">
										
										<template slot-scope="scope">
											<span v-if="scope.row.stock_proportion != null">{{scope.row.stock_proportion*100}}%</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="日期">
										
										<template slot-scope="scope">
											<span v-if="scope.row.include_date != null">{{scope.row.include_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="stdtotal > 3">
								<el-pagination background layout="prev, pager, next" :page-size="5" @current-change="stdChange"
									 :total="stdtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="one5" v-if="changetotal > 0">
							<div class="common-title">变更信息 {{changetotal}}</div>
							<div class="table-box">
								<el-table :data="changelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(cpageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="变更日期">
										
										<template slot-scope="scope">
											<span v-if="scope.row.change_date != null">{{scope.row.change_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="变更项目">
										
										<template slot-scope="scope">
											<span v-if="scope.row.change_field != null">{{scope.row.change_field}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="变更前">
										
										<template slot-scope="scope">
											<span v-if="scope.row.content_before != null && scope.row.content_before != ''">{{scope.row.content_before}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="变更后">
										
										<template slot-scope="scope">
											<span v-if="scope.row.content_after != null && scope.row.content_after != ''">{{scope.row.content_after}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="changetotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="cChange"
									 :page-size="5" :total="changetotal">
								</el-pagination>
							</div>
						</div>

					</div>

					<div class="table-container" v-show="n==2">
						<div class="common-box" id="two1" v-if="abnormaltotal > 0">
							<div class="common-title common-title2-1">经营异常 {{abnormaltotal}}</div>
							<div class="table-box">
								<el-table :data="abnormallist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(abpageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="列入日期">
										
										<template slot-scope="scope">
											<span v-if="scope.row.included_date != null">{{scope.row.included_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="列入原因">
										
										<template slot-scope="scope">
											<span v-if="scope.row.included_reason != null">{{scope.row.included_reason}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="列入机关">
										
										<template slot-scope="scope">
											<span v-if="scope.row.included_authority != null">{{scope.row.included_authority}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="abnormaltotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="abnormalChange" :page-size="5"
									:total="abnormaltotal">
								</el-pagination>
							</div>
						</div>
						<div class="common-box" id="two2" v-show="punishtotal > 0">
							<div class="common-title common-title2">行政处罚 {{punishtotal}}</div>
							<div class="table-box">
								<el-table :data="punishlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(pupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="公示日期">
										
										<template slot-scope="scope">
											<span v-if="scope.row.punish_date != null">{{scope.row.punish_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="行政处罚内容">
									
										<template slot-scope="scope">
											<div  v-if="scope.row.punish_content != null"
												style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word; -webkit-box-orient: vertical;display:-webkit-box;">
												{{scope.row.punish_content}}</div>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column prop="" label="決定书文号">
										
										<template slot-scope="scope">
											<span v-if="scope.row.punish_code != null">{{scope.row.punish_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="决定机关">
										
										<template slot-scope="scope">
											<span v-if="scope.row.authority != null">{{scope.row.authority}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="punishdetails(scope.row)">详情</div>
									</el-table-column>

								</el-table>
							</div>
							<div class="pagination" v-if="punishtotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="punishChange" :page-size="5"
									:total="punishtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="two3" v-show="tpunishtotal > 0">
							<div class="common-title common-title2">重大税收违法信息 {{tpunishtotal}}</div>
							<div class="table-box">
								<el-table :data="tpunishlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(tpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="发布日期">
										<template slot-scope="scope">
											<div v-if="scope.row.publish_date != null">
												{{scope.row.publish_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="主要违法事实">
										<template slot-scope="scope">
											<div v-if="scope.row.illegal_facts != null"
												style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word;    -webkit-box-orient: vertical;display:-webkit-box;">
												{{scope.row.illegal_facts}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="纳税人识别号">
										<template slot-scope="scope">
											<span v-if="scope.row.tax_code != null">{{scope.row.tax_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案件性质">
										<template slot-scope="scope">
											<span v-if="scope.row.case_nature != null">{{scope.row.case_nature}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="所属税务机关">
										<template slot-scope="scope">
											<span v-if="scope.row.tax_authority != null">{{scope.row.tax_authority}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="tpunishdetails(scope.row)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="tpunishtotal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="tpunishChange" :page-size="5"
									:total="tpunishtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="two4" v-show="taxinfototal > 0">
							<div class="common-title common-title2">欠税公告 {{taxinfototal}}</div>
							<div class="table-box">
								<el-table :data="taxinfolist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(tapupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column prop="name" label="纳税人名称">
									</el-table-column>
									<el-table-column label="发布日期">
										<template slot-scope="scope">
											<span v-if="scope.row.publish_date != null">{{scope.row.publish_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column prop="" label="欠税金额">
										<template slot-scope="scope">
											<span v-if="scope.row.own_tax_amount != null">{{scope.row.own_tax_amount}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>

								</el-table>
							</div>
							<div class="pagination" v-if="taxinfototal > 3">
								<el-pagination background layout="prev, pager, next"
									@current-change="taxinfoChange"  :page-size="5"
									:total="taxinfototal">
								</el-pagination>
							</div>
						</div>
						<el-empty v-if="(abnormaltotal+punishtotal+tpunishtotal+taxinfototal) == 0" :image="require('../../assets/icons/icons.png')" :image-size="200"></el-empty>
					</div>

					<div class="table-container" v-show="n==3">
						<div class="common-box" id="three1" v-show="filedcasetotal > 0">
							<div class="common-title common-title2">立案信息 {{filedcasetotal}}</div>
							<div class="table-box">
								<el-table :data="filedcaselist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(fcpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code != null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="归一化后案件状态">
										<template slot-scope="scope">
											<span v-if="scope.row.case_status != null">{{scope.row.case_status}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="法院">
										<template slot-scope="scope">
											<span v-if="scope.row.court != null">{{scope.row.court}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="当事人">
										<template slot-scope="scope">
											<span v-if="scope.row.litigant != null">{{scope.row.litigant}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope" @click="fcdetails(scope.row)">
											详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="filedcasetotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="fcChange"
									 :page-size="5" :total="filedcasetotal">
								</el-pagination>
							</div>
						</div>
						<div class="common-box" id="three2" v-show="xianxiaototal > 0">
							<div class="common-title">限制高消费 {{xianxiaototal}}</div>
							<div class="table-box">
								<el-table :data="xianxiaolist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(xpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="立案时间">
										<template slot-scope="scope">
											<span v-if="scope.row.lian_date != null">{{scope.row.lian_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code != null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="限制高消费人员">
										<template slot-scope="scope">
											<span v-if="scope.row.name != null">{{scope.row.name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="企业信息">
										<template slot-scope="scope">
											<span v-if="scope.row.company_info != null">{{scope.row.company_info}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="企业证件号">
										<template slot-scope="scope">
											<span v-if="scope.row.cardnum != null">{{scope.row.cardnum}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>

								</el-table>
							</div>
							<div class="pagination" v-if="xianxiaototal > 0">
								<el-pagination background layout="prev, pager, next" @current-change="xChange"
									 :page-size="5" :total="xianxiaototal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="three3" v-show="shixintotal > 0">
							<div class="common-title common-title2-1">失信被执行人 {{shixintotal}}</div>
							<div class="table-box">
								<el-table :data="shixinlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(shpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="立案时间">
										<template slot-scope="scope">
											<span v-if="scope.row.reg_date != null">{{scope.row.reg_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column prop="" label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code != null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="执行依据">
										<template slot-scope="scope">
											<span v-if="scope.row.disreput_type_name != null">{{scope.row.disreput_type_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="被执行人的履行情况">
										<template slot-scope="scope">
											<span v-if="scope.row.performance != null">{{scope.row.performance}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="执行法院">
										<template slot-scope="scope">
											<span v-if="scope.row.court_name != null">{{scope.row.court_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,1)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="shixintotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="shChange"
									 :page-size="5" :total="shixintotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="three4" v-show="noticetotal > 0">
							<div class="common-title">开庭公告 {{noticetotal}}</div>
							<div class="table-box">
								<el-table :data="noticelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(npupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="开庭日期">
										<template slot-scope="scope">
											<span v-if="scope.row.start_date != null">{{scope.row.start_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code != null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案由">
										<template slot-scope="scope">
											<span v-if="scope.row.action_cause != null">{{scope.row.action_cause}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="被告/被上诉人">
										<template slot-scope="scope">
											<span v-if="scope.row.defendant != null">{{scope.row.defendant}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="原告/上诉人">
										<template slot-scope="scope">
											<span v-if="scope.row.plaintiff != null">{{scope.row.plaintiff}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,2)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="noticetotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="ntChange"
									 :page-size="5" :total="noticetotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="three5" v-show="awsuittotal > 0">
							<div class="common-title">裁判文书 {{awsuittotal}}</div>
							<div class="table-box">
								<el-table :data="awsuitlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(awpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code != null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案件类型">
										<template slot-scope="scope">
											<span v-if="scope.row.case_type != null">{{scope.row.case_type}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="法院名称">
										<template slot-scope="scope">
											<span v-if="scope.row.court_name != null">{{scope.row.court_name}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="裁判日期">
										<template slot-scope="scope">
											<span v-if="scope.row.judge_date != null">{{scope.row.judge_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="公布日期">
										<template slot-scope="scope">
											<span v-if="scope.row.publish_date != null">{{scope.row.publish_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,3)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="awsuittotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="awChange"
									 :page-size="5" :total="awsuittotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="three6" v-show="announcementtotal > 0">
							<div class="common-title common-title2-1">法院公告 {{announcementtotal}}</div>
							<div class="table-box">
								<el-table :data="announcementlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(anpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="刊登日期">
										<template slot-scope="scope">
											<span v-if="scope.row.publish_date !=null">{{scope.row.publish_date.substr(0, 10)}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<span v-if="scope.row.case_code !=null">{{scope.row.case_code}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="案由">
										<template slot-scope="scope">
											<span v-if="scope.row.action_cause !=null">{{scope.row.action_cause}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="当事人（被诉方)">
										<template slot-scope="scope">
											<span v-if="scope.row.party !=null">{{scope.row.party}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="原告（上诉方）">
										<template slot-scope="scope">
											<span v-if="scope.row.accuser !=null">{{scope.row.accuser}}</span>
											<span v-else>--</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,4)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="announcementtotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="anChange"
									 :page-size="5" :total="announcementtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="three7" v-show="zhixingtotal > 0">
							<div class="common-title">被执行人 {{zhixingtotal}}</div>
							<div class="table-box">
								<el-table :data="zhixinglist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(zhpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="立案日期">
										<template slot-scope="scope">
											<div v-if="scope.row.case_create_time != null">
												{{scope.row.case_create_time.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="案号">
										<template slot-scope="scope">
											<div v-if="scope.row.case_code != null">
												{{scope.row.case_code}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="被执行人名称">
										<template slot-scope="scope">
											<div v-if="scope.row.pname != null">
												{{scope.row.pname}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="执行标的（元）">
										<template slot-scope="scope">
											<div v-if="scope.row.exec_money != null">
												{{scope.row.exec_money}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="执行法院">
										<template slot-scope="scope">
											<div v-if="scope.row.court_name != null">
												{{scope.row.court_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,5)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="zhixingtotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="zhChange"
									 :page-size="5" :total="zhixingtotal">
								</el-pagination>
							</div>
						</div>
						<el-empty v-if="(filedcasetotal+xianxiaototal+shixintotal+noticetotal+awsuittotal+announcementtotal+zhixingtotal) == 0" :image="require('../../assets/icons/icons.png')" :image-size="200"></el-empty>
					</div>

					<div class="table-container" v-show="n==4">
						<div class="common-box" id="four1" v-if="integratetotal > 0">
							<div class="common-title">资质证书 {{integratetotal}}</div>
							<div class="table-box">
								<el-table :data="integratelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(inpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="证书名称">
										<template slot-scope="scope">
											<div v-if="scope.row.cert_type != null">
												{{scope.row.cert_type}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="证书编号">
										<template slot-scope="scope">
											<div v-if="scope.row.cert_no != null">
												{{scope.row.cert_no}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="企业名称">
										<template slot-scope="scope">
											<div v-if="scope.row.company_name != null">
												{{scope.row.company_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="发证单位">
										<template slot-scope="scope">
											<div v-if="scope.row.org_an != null">
												{{scope.row.org_an}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="发证日期">
										
										<template slot-scope="scope">
											<div v-if="scope.row.issue_date != null">
												{{scope.row.issue_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<!-- <el-table-column label="开始起期">
										<template slot-scope="scope">
											{{scope.row.start_date}}
										</template>
									</el-table-column> -->
									<el-table-column label="截止起期">
										<template slot-scope="scope">
											<div v-if="scope.row.end_date != null">{{scope.row.end_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="integratetotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="inChange"
									 :page-size="5" :total="integratetotal">
								</el-pagination>
							</div>
						</div>
						<div class="common-box" id="four2" v-if="allowtotal > 0">
							<div class="common-title common-title2-1">行政许可 {{allowtotal}}</div>
							<div class="table-box">
								<el-table :data="allowlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(alpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="许可文件名称">
										<template slot-scope="scope">
											<div v-if="scope.row.allow_filename != null">{{scope.row.allow_filename}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="许可文件编号">
										<template slot-scope="scope">
											<div v-if="scope.row.allow_code != null">{{scope.row.allow_code}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="许可内容">
										<template slot-scope="scope">
											<div  v-if="scope.row.allow_content != null"
												style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word;    -webkit-box-orient: vertical;display:-webkit-box;">
												{{scope.row.allow_content}}</div>
												<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="有效期自">
										
										<template slot-scope="scope">
											<div v-if="scope.row.allow_startdate != null">{{scope.row.allow_startdate}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="有效期至">
										
										<template slot-scope="scope">
											<div v-if="scope.row.allow_enddate != null">{{scope.row.allow_enddate}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="许可机关">
										<template slot-scope="scope">
											<div v-if="scope.row.allow_authority != null">{{scope.row.allow_authority}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="数据来源">
										<template slot-scope="scope">
											<div v-if="scope.row.data_source != null">{{scope.row.data_source}}</div>
											<div v-else>-</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,15)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="allowtotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="alChange"
									:page-size="5" :total="allowtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four3" v-if="checktotal > 0">
							<div class="common-title common-title3">检查抽查信息 {{checktotal}}</div>
							<div class="table-box">
								<el-table :data="checklist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(chpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="日期">
										<template slot-scope="scope">
											<div v-if="scope.row.check_date != null">{{scope.row.check_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="检查实施机关">
										<template slot-scope="scope">
											<div v-if="scope.row.authority != null">{{scope.row.authority}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="类型">
										<template slot-scope="scope">
											<div v-if="scope.row.check_type != null">{{scope.row.check_type}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="结果">
										<template slot-scope="scope">
											<div v-if="scope.row.check_result != null">{{scope.row.check_result}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>

								</el-table>
							</div>
							<div class="pagination" v-if="checktotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="chChange"
									 :page-size="5" :total="checktotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four4" v-if="rongzitotal > 0">
							<div class="common-title">融资历程 {{rongzitotal}}</div>
							<div class="table-box">
								<el-table :data="rongzilist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(ropupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="披露日期">
										<template slot-scope="scope">
											<div v-if="scope.row.real_time != null">{{scope.row.real_time.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="融资金额">
										<template slot-scope="scope">
											<div v-if="scope.row.money != null">{{scope.row.money}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="融资轮次">
										<template slot-scope="scope">
											<div v-if="scope.row.round != null">{{scope.row.round}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="估值">
										<template slot-scope="scope">
											<div v-if="scope.row.value != null">{{scope.row.value}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="比例">
										<template slot-scope="scope">
											<div v-if="scope.row.share != null">{{scope.row.share}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="投资方">
										<template slot-scope="scope">
											<div v-if="scope.row.investor_name != null">{{scope.row.investor_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="新闻来源">
										<template slot-scope="scope">
											<div v-if="scope.row.news_url != null">{{scope.row.news_url}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="rongzitotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="roChange"
									 :page-size="5" :total="rongzitotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four5" v-if="employmenttotal > 0">
							<div class="common-title common-title2-1">招聘信息 {{employmenttotal}}</div>
							<div class="table-box">
								<el-table :data="employmentlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(empupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="发布日期">
										<template slot-scope="scope">
											<div v-if="scope.row.startdate != null">{{scope.row.startdate.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="招聘岗位">
										<template slot-scope="scope">
											<div v-if="scope.row.title != null">{{scope.row.title}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="月薪">
										<template slot-scope="scope">
											<div v-if="scope.row.ori_salary != null">{{scope.row.ori_salary}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="学历">
										<template slot-scope="scope">
											<div v-if="scope.row.education != null">{{scope.row.education}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="经验要求">
										<template slot-scope="scope">
											<div v-if="scope.row.experience != null">{{scope.row.experience}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="办公地点">
										<template slot-scope="scope">
											<div v-if="scope.row.location != null">{{scope.row.location}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,6)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="employmenttotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="emChange"
									 :page-size="5" :total="employmenttotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four6" v-if="maintotal > 0">
							<div class="common-title common-title3">招投标 {{maintotal}}</div>
							<div class="table-box">
								<el-table :data="mainlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(mapupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="发布日期">
										<template slot-scope="scope">
											<div v-if="scope.row.publish_time != null">{{scope.row.publish_time.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="招标项目">
										<template slot-scope="scope">
											<div v-if="scope.row.title != null">{{scope.row.title}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="招标人">
										<template slot-scope="scope">
											<div v-if="scope.row.purchaser != null && scope.row.purchaser != ''">{{scope.row.purchaser}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="中标机构">
										<template slot-scope="scope">
											<div v-if="scope.row.bid_win != null">{{scope.row.bid_win}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,7)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="maintotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="maChange"
									 :page-size="5" :total="maintotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four7" v-if="rannouncementtotal > 0">
							<div class="common-title">购地信息 {{rannouncementtotal}}</div>
							<div class="table-box">
								<el-table :data="rannouncementlist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(racpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="项目位置">
										<template slot-scope="scope">
											<div v-if="scope.row.project_location != null">{{scope.row.project_location}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="面积">
										<template slot-scope="scope">
											<div v-if="scope.row.area != null">{{scope.row.area}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="土地用途">
										<template slot-scope="scope">
											<div v-if="scope.row.land_use_type != null">{{scope.row.land_use_type}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="供地方式">
										<template slot-scope="scope">
											<div v-if="scope.row.land_supply_method != null">{{scope.row.land_supply_method}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="合同签订日期">
										<template slot-scope="scope">
											<div v-if="scope.row.contract_date != null">{{scope.row.contract_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,8)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="rannouncementtotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="racChange"
									 :page-size="5" :total="rannouncementtotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four8" v-if="chatteltotal > 0">
							<div class="common-title common-title2-1">动产抵押 {{chatteltotal}}</div>
							<div class="table-box">
								<el-table :data="chattellist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(ctpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="登记编号">
										<template slot-scope="scope">
											<div v-if="scope.row.chattel_code != null">{{scope.row.chattel_code}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="登记日期">
										<template slot-scope="scope">
											<div v-if="scope.row.chattel_date != null">{{scope.row.chattel_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="登记机关">
										<template slot-scope="scope">
											<div v-if="scope.row.authority != null">{{scope.row.authority}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="被担保债权种类">
										<template slot-scope="scope">
											<div v-if="scope.row.debt_type != null">{{scope.row.debt_type}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="被担保债权数额">
										<template slot-scope="scope">
											<div v-if="scope.row.debt_amount != null">{{scope.row.debt_amount}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="公示日期">
										<template slot-scope="scope">
											<div v-if="scope.row.public_date != null">{{scope.row.public_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,9)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="chatteltotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="ctChange"
									 :page-size="5" :total="chatteltotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="four9" v-if="pledgetotal > 0">
							<div class="common-title common-title3">股权出质 {{pledgetotal}}</div>
							<div class="table-box">
								<el-table :data="pledgelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(plpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="登记编号">
										<template slot-scope="scope">
											<div v-if="scope.row.pledge_code != null">{{scope.row.pledge_code}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="出质人">
										<template slot-scope="scope">
											<div v-if="scope.row.pledgor != null">{{scope.row.pledgor}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="出质股权数额">
										<template slot-scope="scope">
											<div v-if="scope.row.pledge_equity != null">{{scope.row.pledge_equity}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="公示日期">
										<template slot-scope="scope">
											<div v-if="scope.row.public_date != null">{{scope.row.public_date.substr(0, 10)}}</div>
											<div v-else>-</div>
										</template>
										
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,10)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="pledgetotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="plChange"
									 :page-size="5" :total="pledgetotal">
								</el-pagination>
							</div>
						</div>
						<el-empty v-if="(integratetotal+allowtotal+checktotal+rongzitotal+employmenttotal+maintotal+rannouncementtotal+chatteltotal+pledgetotal) == 0" :image="require('../../assets/icons/icons.png')" :image-size="200"></el-empty>
					</div>

					<div class="table-container" v-show="n==5">
						<div class="common-box" id="five1" v-if="trademarktotal > 0">
							<div class="common-title common-title2">商标信息 {{trademarktotal}}</div>
							<div class="table-box">
								<el-table :data="trademarklist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(trpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<!-- <el-table-column label="商标">
										<template slot-scope="scope" v-if="scope.row.pic_url != null">
											<img :src="scope.row.pic_url" />
										</template>
										<template v-else>-</template>
									</el-table-column> -->
									<el-table-column label="商标名称">
										<template slot-scope="scope">
											<div v-if="scope.row.tm_name != null">{{scope.row.tm_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="商标状态">
										<template slot-scope="scope" v-if="scope.row.status != null">
											<span v-if="scope.row.status == 1">商标已注册</span>
											<span v-if="scope.row.status == 2">商标无效</span>
											<span v-if="scope.row.status == 3">初审公告</span>
											<span v-if="scope.row.status == 4">等待实质审查</span>
											<span v-if="scope.row.status == 5">商标申请中</span>
											<span v-if="scope.row.status == 6">商标异议中</span>
											<span v-if="scope.row.status == 7">驳回复审中</span>
											<span v-if="scope.row.status == 8">商标其他情形</span>
										</template>
										<template v-else>-</template>
									</el-table-column>
									<el-table-column label="申请日期">
										<template slot-scope="scope">
											<div v-if="scope.row.app_date != null">{{scope.row.app_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="商标分类">
										<template slot-scope="scope">
											<div v-if="scope.row.cls_name != null">{{scope.row.cls_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="注册号">
										<template slot-scope="scope">
											<div v-if="scope.row.reg_no != null">{{scope.row.reg_no}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,11)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="trademarktotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="trChange"
									 :page-size="5" :total="trademarktotal">
								</el-pagination>
							</div>
						</div>
						<div class="common-box" id="five2" v-if="tabletotal > 0">
							<div class="common-title common-title2-1">专利信息 {{tabletotal}}</div>
							<div class="table-box">
								<el-table :data="tablelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(tbpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="专利名称">
										<template slot-scope="scope">
											<div v-if="scope.row.TITLE != null">{{scope.row.TITLE}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="公开（公告）日">
										<template slot-scope="scope">
											<div v-if="scope.row.LAST_PUB_DATE != null">{{scope.row.LAST_PUB_DATE.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="专利类型">
										<template slot-scope="scope">
											<div v-if="scope.row.PAT_TYPE != null">{{scope.row.PAT_TYPE}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="申请号">
										<template slot-scope="scope">
											<div v-if="scope.row.APP_NUMBER != null">{{scope.row.APP_NUMBER}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,12)">详情</div>
									</el-table-column>

								</el-table>
							</div>
							<div class="pagination" v-if="tabletotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="tbChange"
									 :page-size="5" :total="tabletotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="five3" v-if="softwaretotal > 0">
							<div class="common-title common-title3">软件著作权 {{softwaretotal}}</div>
							<div class="table-box">
								<el-table :data="softwarelist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(sfpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="软件全称">
										<template slot-scope="scope">
											<div v-if="scope.row.full_name != null">{{scope.row.full_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="软件简称">
										<template slot-scope="scope">
											<div v-if="scope.row.simple_name != null">{{scope.row.simple_name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="登记时间">
										<template slot-scope="scope">
											<div v-if="scope.row.reg_date != null">{{scope.row.reg_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="登记号">
										<template slot-scope="scope">
											<div v-if="scope.row.reg_num != null">{{scope.row.reg_num}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,13)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="softwaretotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="sfChange"
									 :page-size="5" :total="softwaretotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="five4" v-if="workstotal > 0">
							<div class="common-title">作品著作权 {{workstotal}}</div>
							<div class="table-box">
								<el-table :data="workslist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(wkpupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="作品名称">
										<template slot-scope="scope">
											<div v-if="scope.row.name != null">{{scope.row.name}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="发布日期">
										<template slot-scope="scope">
											<div v-if="scope.row.first_publish_time != null">{{scope.row.first_publish_time.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="作品类别">
										<template slot-scope="scope">
											<div v-if="scope.row.type != null">{{scope.row.type}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="作品登记号">
										<template slot-scope="scope">
											<div v-if="scope.row.reg_num != null">{{scope.row.reg_num}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="登记日期">
										<template slot-scope="scope">
											<div v-if="scope.row.reg_date != null">{{scope.row.reg_date.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="创作完成日期">
										<template slot-scope="scope">
											<div v-if="scope.row.finish_time != null">{{scope.row.finish_time.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="操作" width="80">
										<div class="pointer operation" slot-scope="scope"
											@click="commondetails(scope.row,14)">详情</div>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="workstotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="wkChange"
									 :page-size="5" :total="workstotal">
								</el-pagination>
							</div>
						</div>

						<div class="common-box" id="five5" v-if="icptotal > 0">
							<div class="common-title common-title2-1">网站备案详情 {{icptotal}}</div>
							<div class="table-box">
								<el-table :data="icplist" border style="width: 100%">
									<el-table-column type="index" label="序号" width="72">
										<template slot-scope="scope">
										    <span>{{(ipupageNumber - 1) * 5 + scope.$index + 1}}</span>
										</template>
									</el-table-column>
									<el-table-column label="网站域名">
										<template slot-scope="scope">
											<div v-if="scope.row.YM != null">{{scope.row.YM}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="审核日期">
										<template slot-scope="scope">
											<div v-if="scope.row.SHSJ != null">{{scope.row.SHSJ.substr(0, 10)}}</div>
											<div v-else>--</div>
										</template>
										
									</el-table-column>
									<el-table-column label="网站备案号">
										<template slot-scope="scope">
											<div v-if="scope.row.WZ_BAXH != null">{{scope.row.WZ_BAXH}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="主体备案号">
										<template slot-scope="scope">
											<div v-if="scope.row.ZT_BAXH != null">{{scope.row.ZT_BAXH}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
									<el-table-column label="网站ID">
										<template slot-scope="scope">
											<div v-if="scope.row.WZID != null">{{scope.row.WZID}}</div>
											<div v-else>--</div>
										</template>
									</el-table-column>
								</el-table>
							</div>
							<div class="pagination" v-if="icptotal > 3">
								<el-pagination background layout="prev, pager, next" @current-change="icpChange"
									 :page-size="5" :total="icptotal">
								</el-pagination>
							</div>
						</div>
						<el-empty v-if="(trademarktotal+tabletotal+softwaretotal+workstotal+icptotal) == 0" :image="require('../../assets/icons/icons.png')" :image-size="200"></el-empty>
					</div>
				</div>
			</div>
		</div>
		<Footer></Footer>

		<el-dialog title="曾用名" :visible.sync="dialogname" width="70%" :before-close="nameClose">
			<div class="dialogtable">
				<el-table :data="hnamelist" border style="width: 100%">
					<el-table-column prop="history_name" label="曾用名">
					</el-table-column>
					<!-- <el-table-column prop="proportion" label="信息来源">
					</el-table-column> -->
				</el-table>
			</div>
		</el-dialog>
		<el-dialog title="电话" :visible.sync="dialogphone" width="70%" :before-close="phoneClose">
			<div class="dialogtable">
				<el-table :data="tlxfslist" border style="width: 100%">
					<el-table-column prop="contact" label="电话">
					</el-table-column>
					<el-table-column prop="type" label="类型">
					</el-table-column>
					<el-table-column prop="data_source" label="信息来源">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>
		<el-dialog title="邮箱" :visible.sync="dialogmail" width="70%" :before-close="mailClose">
			<div class="dialogtable">
				<el-table :data="mlxfslist" border style="width: 100%">
					<el-table-column prop="contact" label="邮箱">
					</el-table-column>
					<el-table-column prop="data_source" label="申报来源">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>
		<el-dialog title="地址" :visible.sync="dialogaddress" width="70%" :before-close="addressClose">
			<div class="dialogtable">
				<el-table :data="alxfslist" border style="width: 100%">
					<el-table-column prop="contact" label="地址">
					</el-table-column>
					<el-table-column prop="data_source" label="信息来源">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import {
		companybaseapi,
		tlxfsapi,
		historyname,
		partnerapi,
		securityapi,
		branchapi,
		stdapi,
		changeapi,
		abnormalapi,
		punishapi,
		taxpunishapi,
		taxinfoapi,
		filedcaseapi,
		xianxiaoapi,
		shixinapi,
		noticeapi,
		awsuitapi,
		announcementapi,
		zhixingapi,
		integrateapi,
		allowapi,
		checkapi,
		rongziapi,
		employmentapi,
		mainapi,
		rannouncementapi,
		chattelapi,
		pledgeapi,
		trademarkapi,
		tableapi,
		softwareapi,
		worksapi,
		icpapi,
		addapi,
		removeapi,
		usercollectapi,
		companyidapi,
		basetagapi
	} from "@/api/enterprise/index";
	import Header from "@/components/header";
	import Footer from "@/components/footer";
	import C10yUtil from '@/utils/c10y-util'
	export default {
		components: {
			Header,
			Footer
		},
		data() {
			return {
				companybasedata: '',
				loading: true,
				street: '0',
				industry: '',
				sort: '',
				n: 1,
				tableData: [{
					shareholder: '旺旺控股有限公司',
					proportion: '100%',
					type: '个人股东',
					subscription: '900.0万美元',
					paid: '900.0万美元',
					contribution: '1995-11-23'
				}],
				dialogname: false,
				dialogphone: false,
				dialogmail: false,
				dialogaddress: false,
				tlxfsone: '',
				tlxfslist: [],
				tlxfstotal: 0,
				mlxfsone: '',
				mlxfslist: [],
				mlxfstotal: 0,
				alxfsone: '',
				alxfslist: [],
				alxfstotal: 0,
				hnameone: '',
				hnamelist: [],
				hnametotal: 0,
				anameone: '',
				anamelist: [],
				anametotal: 0,
				partnerlist: [],
				partnertotal: 0,
				securitylist: [],
				securitytotal: 0,
				spageNumber: 1,
				ppageNumber: 1,
				bpageNumber: 1,
				stpageNumber: 1,
				cpageNumber: 1,
				branchlist: [],
				branchtotal: 0,
				stdlist: [],
				stdtotal: 0,
				changelist: [],
				changetotal: 0,
				typechangetotal: 0,
				abnormallist: [],
				abnormaltotal: 0,
				typepunishtotal:0,
				typeabnormaltotal:0,
				abageNumber: 1,
				punishlist: [],
				punishtotal: 0,
				pupageNumber: 1,
				tpunishlist: [],
				tpunishtotal: 0,
				tpupageNumber: 1,
				taxinfolist: [],
				taxinfototal: 0,
				tapupageNumber: 1,
				filedcaselist: [],
				filedcasetotal: 0,
				fcpupageNumber: 1,
				xianxiaolist: [],
				xianxiaototal: 0,
				xpupageNumber: 1,
				shixinlist: [],
				shixintotal: 0,
				shpupageNumber: 1,
				noticelist: [],
				noticetotal: 0,
				npupageNumber: 1,
				awsuitlist: [],
				awsuittotal: 0,
				awpupageNumber: 1,
				announcementlist: [],
				announcementtotal: 0,
				anpupageNumber: 1,
				zhixinglist: [],
				zhixingtotal: 0,
				zhpupageNumber: 1,
				integratelist: [],
				integratetotal: 0,
				inpupageNumber: 1,
				allowlist: [],
				allowtotal: 0,
				alpupageNumber: 1,
				checklist: [],
				checktotal: 0,
				chpupageNumber: 1,
				rongzilist: [],
				rongzitotal: 0,
				ropupageNumber: 1,
				employmentlist: [],
				employmenttotal: 0,
				empupageNumber: 1,
				mainlist: [],
				maintotal: 0,
				mapupageNumber: 1,
				rannouncementlist: [],
				rannouncementtotal: 0,
				racpupageNumber: 1,
				chattellist: [],
				chatteltotal: 0,
				ctpupageNumber: 1,
				pledgelist: [],
				pledgetotal: 0,
				plpupageNumber: 1,
				trademarklist: [],
				trademarktotal: 0,
				trpupageNumber: 1,
				tablelist: [],
				tabletotal: 0,
				tbpupageNumber: 1,
				softwarelist: [],
				softwaretotal: 0,
				sfpupageNumber: 1,
				workslist: [],
				workstotal: 0,
				wkpupageNumber: 1,
				icplist: [],
				icptotal: 0,
				ipupageNumber: 1,
				columnshow: false,
				openclose:0,
				collectid:0,                                                                
				userId:'',
				phonenumber:'',
				opendata:false,
				abpageNumber:1,
				basetaglist:[],
				wdtype:0,
				previousRoute: null,
				closetype: 0
			};
		},
		created() {
			
		},
		mounted() {
			this.closetype = this.$route.query.closetype
			this.companyid = this.$route.query.id
			this.companyuniscid = this.$route.query.uniscid
			if(this.$route.query.wdtype == null){
				this.wdtype = 0
			}else{
				this.wdtype = this.$route.query.wdtype
			}
			if(this.companyid != undefined){
				
				this.usercollect()
				this.companybase()
				
				this.tlxfsinit()
				this.mlxfsinit()
				this.alxfsinit()
				this.historynameinit()
				this.partnerinit()
				this.securityinit()
				this.branchinit()
				this.stdinit()
				this.changeinit()
				this.typechangeinit()
				
				this.abnormalinit()
				this.typeabnormalinit()
				this.punishinit()
				this.typepunishinit()
				this.tpunishinit()
				this.taxinfoinit()
				
				this.filedcaseinit()
				this.xianxiaoinit()
				this.shixininit()
				this.noticeinit()
				this.awsuitinit()
				this.announcementinit()
				this.zhixinginit()
				
				this.integrateinit()
				this.allowinit()
				this.checkinit()
				this.rongziinit()
				this.employmentinit()
				this.maininit()
				this.rannouncementinit()
				this.chattelinit()
				this.pledgeinit()
				
				this.trademarkinit()
				this.tableinit()
				this.softwareinit()
				this.worksinit()
				this.icpinit()
				
			}else{
				this.companyidinit()
			}
			
		},
		methods: {
			goBack() {
			    this.$router.go(-1); // 或者 this.$router.back()
			},
			companyidinit(){
				let queryParams = {
					creditNo:this.companyuniscid
				}
				companyidapi(queryParams).then(res => {
					if(res.errcode == 0 && res.data.content.length > 0){
						this.companyid = res.data.content[0].companyId
						this.usercollect()
						this.companybase()
						this.tlxfsinit()
						this.mlxfsinit()
						this.alxfsinit()
						this.historynameinit()
						this.partnerinit()
						this.securityinit()
						this.branchinit()
						this.stdinit()
						this.changeinit()
						this.typechangeinit()
						
						this.abnormalinit()
						this.typeabnormalinit()
						this.punishinit()
						this.typepunishinit()
						this.tpunishinit()
						this.taxinfoinit()
						
						this.filedcaseinit()
						this.xianxiaoinit()
						this.shixininit()
						this.noticeinit()
						this.awsuitinit()
						this.announcementinit()
						this.zhixinginit()
						
						this.integrateinit()
						this.allowinit()
						this.checkinit()
						this.rongziinit()
						this.employmentinit()
						this.maininit()
						this.rannouncementinit()
						this.chattelinit()
						this.pledgeinit()
						
						this.trademarkinit()
						this.tableinit()
						this.softwareinit()
						this.worksinit()
						this.icpinit()
					}
				});
			},
			basetaginit(){
				let params = {};
			    const sdata = C10yUtil.SIGN.genSign(["company_base_tag", null]);
			    params.extNonce = sdata.extNonce;
			    params.rowkey = sdata.rowkey;
			    params.time = sdata.time;
			    params.id = this.companybasedata.credit_no;
				basetagapi(params).then(res => {
					if(res.data != null){
						this.basetaglist = res.data
					}
				});
			},
			usercollect(){
				if(JSON.parse(sessionStorage.getItem('user') != null)){
					this.userdata = JSON.parse(sessionStorage.getItem('user'));
					this.userId = JSON.parse(sessionStorage.getItem('userId'));
					this.phonenumber = this.userdata.phonenumber
				}
				let queryParams = {
					companyIds:this.companyid.split(','),
					userId:this.userId
				
				}
				usercollectapi(queryParams).then(res => {
					if(res.errcode == 0 && res.data.content.length > 0){
						this.openclose = 1
						this.collectid = res.data.content[0].collectId
					}
				});
			},
			collectadd() {
				if(JSON.parse(sessionStorage.getItem('user') != null)){
					this.userdata = JSON.parse(sessionStorage.getItem('user'));
					this.userId = JSON.parse(sessionStorage.getItem('userId'));
					this.phonenumber = this.userdata.phonenumber
				}
				let queryParams = {
					capitalNum:this.companybasedata.capital_num,
					companyAddress:this.companybasedata.company_address,
					companyId:this.companyid,
					companyName:this.companybasedata.company_name,
					companyStatus:this.companybasedata.company_status,
					establishDate:this.companybasedata.establish_date,
					legalPerson:this.companybasedata.legal_person,
					phonenumber:this.phonenumber,
					userId:this.userId

				}
				addapi(queryParams).then(res => {
					if(res.errcode == 0){
						this.$message({
						  showClose: true,
						  message: '自选成功',
						  type: 'success'
						});
						this.usercollect()
					}
				});
			},
			collectremove() {
				let id = this.collectid
				removeapi(id).then(res => {
					if(res.errcode == 0){
						this.$message({
						  showClose: true,
						  message: '取消成功',
						  type: 'success'
						});
						this.openclose = 0
						this.usercollect()
					}
				});
			},
			one(index, type) {
				if (index > 0) {
					this.n = 1
					this.$nextTick(() => {
						if (type == 1) {
							document.querySelector("#one1").scrollIntoView(true);
						} else if (type == 2) {
							document.querySelector("#one2").scrollIntoView(true);
						} else if (type == 3) {
							document.querySelector("#one3").scrollIntoView(true);
						} else if (type == 4) {
							document.querySelector("#one4").scrollIntoView(true);
						} else if (type == 5) {
							document.querySelector("#one5").scrollIntoView(true);
						}
					})
					
				}
			},
			two(index, type) {
				if (index > 0) {
					this.n = 2
					this.$nextTick(() => {
						if (type == 1) {
							document.querySelector("#two1").scrollIntoView(true);
						} else if (type == 2) {
							document.querySelector("#two2").scrollIntoView(true);
						} else if (type == 3) {
							document.querySelector("#two3").scrollIntoView(true);
						} else if (type == 4) {
							document.querySelector("#two4").scrollIntoView(true);
						}
					})
					
				}
			},
			three(index, type) {
				if (index > 0) {
					this.n = 3
					this.$nextTick(() => {
						if (type == 1) {
							document.querySelector("#three1").scrollIntoView(true);
						} else if (type == 2) {
							document.querySelector("#three2").scrollIntoView(true);
						} else if (type == 3) {
							document.querySelector("#three3").scrollIntoView(true);
						} else if (type == 4) {
							document.querySelector("#three4").scrollIntoView(true);
						} else if (type == 5) {
							document.querySelector("#three5").scrollIntoView(true);
						} else if (type == 6) {
							document.querySelector("#three6").scrollIntoView(true);
						} else if (type == 7) {
							document.querySelector("#three7").scrollIntoView(true);
						}
					})
					
				}
			},
			four(index, type) {
				if (index > 0) {
					this.n = 4
					this.$nextTick(() => {
						if (type == 1) {
							document.querySelector("#four1").scrollIntoView(true);
						} else if (type == 2) {
							document.querySelector("#four2").scrollIntoView(true);
						} else if (type == 3) {
							document.querySelector("#four3").scrollIntoView(true);
						} else if (type == 4) {
							document.querySelector("#four4").scrollIntoView(true);
						} else if (type == 5) {
							document.querySelector("#four5").scrollIntoView(true);
						} else if (type == 6) {
							document.querySelector("#four6").scrollIntoView(true);
						} else if (type == 7) {
							document.querySelector("#four7").scrollIntoView(true);
						} else if (type == 8) {
							document.querySelector("#four8").scrollIntoView(true);
						} else if (type == 9) {
							document.querySelector("#four9").scrollIntoView(true);
						}
					})
					
				}
			},
			five(index, type) {
				if (index > 0) {
					this.n = 5
					this.$nextTick(() => {
						if (type == 1) {
							document.querySelector("#five1").scrollIntoView(true);
						} else if (type == 2) {
							document.querySelector("#five2").scrollIntoView(true);
						} else if (type == 3) {
							document.querySelector("#five3").scrollIntoView(true);
						} else if (type == 4) {
							document.querySelector("#five4").scrollIntoView(true);
						} else if (type == 5) {
							document.querySelector("#five5").scrollIntoView(true);
						}
					})
					
				}
			},
			handleMouseEnter() {
				this.columnshow = true
			},
			handleMouseLeave() {
				this.columnshow = false
			},
			tlxfsinit() {
				let queryParams = {
					company_id: this.companyid,
					contact_type: "T"

				}
				tlxfsapi(queryParams).then(res => {
					
					res.data.content.forEach(item => {
						if (item.data_source.includes('年报') || item.data_source.includes('工商')) {
							this.tlxfslist.push(item)
						}
					})
					// this.tlxfslist = res.data.content
					// this.tlxfstotal = res.data.total
					this.tlxfstotal = this.tlxfslist.length
					if(this.tlxfstotal > 0){
						this.tlxfsone = this.tlxfslist[0]
					}
				});
			},
			mlxfsinit() {
				let queryParams = {
					company_id: this.companyid,
					contact_type: "M"

				}
				tlxfsapi(queryParams).then(res => {
					
					res.data.content.forEach(item => {
						if (item.data_source.includes('年报') || item.data_source.includes('工商')) {
							this.mlxfslist.push(item)
						}
					})
					this.mlxfstotal = this.mlxfslist.length
					if(this.mlxfstotal > 0){
						this.mlxfsone = this.mlxfslist[0]
					}
			
					// this.mlxfslist = res.data.content
					// this.mlxfstotal = res.data.total
				});
			},
			alxfsinit() {
				let queryParams = {
					company_id: this.companyid,
					contact_type: "A"

				}
				tlxfsapi(queryParams).then(res => {
					res.data.content.forEach(item => {
						if (item.data_source.includes('年报') || item.data_source.includes('工商')) {
							this.alxfslist.push(item)
						}
					})
					this.alxfstotal = this.alxfslist.length
					if(this.alxfstotal > 0){
						this.alxfsone = this.alxfslist[0]
					}
					// this.alxfslist = res.data.content
					// this.alxfstotal = res.data.total
				});
			},
			historynameinit() {
				let queryParams = {
					company_id: this.companyid,

				}
				historyname(queryParams).then(res => {
					if(res.data.content.length > 0){
						this.hnameone = res.data.content[0].history_name
						this.hnamelist = res.data.content
						this.hnametotal = res.data.total
					}
					
				});
			},
			companybase() {
				
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,

				}
				companybaseapi(queryParams).then(res => {
					this.loading = false
					this.companybasedata = res.data.content[0]
					this.opendata = true
					this.basetaginit()
				});
			},
			partnerinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.ppageNumber,
					pageSize: 5,
				}
				partnerapi(queryParams).then(res => {
					this.partnerlist = res.data.content
					this.partnertotal = res.data.total
				});
			},
			partnerChange(val) {
				this.ppageNumber = val
				this.partnerinit()
			},
			securityinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.spageNumber,
					pageSize: 5,
				}
				securityapi(queryParams).then(res => {
					this.securitylist = res.data.content
					this.securitytotal = res.data.total
				});
			},
			securityChange(val) {
				this.spageNumber = val
				this.securityinit()
			},
			branchinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.bpageNumber,
					pageSize: 5,
				}
				branchapi(queryParams).then(res => {
					this.branchlist = res.data.content
					this.branchtotal = res.data.total
				});
			},
			branchChange(val) {
				this.bpageNumber = val
				this.branchinit()
			},
			stdinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					// is_history: 0,
					pageNumber: this.stpageNumber,
					pageSize: 5,
				}
				stdapi(queryParams).then(res => {
					this.stdlist = res.data.content
					this.stdtotal = res.data.total
				});
			},
			stdChange(val) {
				this.stpageNumber = val
				this.stdinit()
			},
			changeinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.cpageNumber,
					pageSize: 5,
				}
				changeapi(queryParams).then(res => {
					this.changelist = res.data.content
					this.changetotal = res.data.total
					this.$nextTick(() => {
						if(this.$route.query.index != undefined){
							this.type = this.$route.query.type
							if(this.$route.query.index == 1){
								this.one(10,this.type)
							}
						}
					})
				});
			},
			typechangeinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.cpageNumber,
					pageSize: 5,
					type:1
				}
				changeapi(queryParams).then(res => {
					this.typechangetotal = res.data.total
				});
			},
			cChange(val) {
				this.cpageNumber = val
				this.changeinit()
			},

			abnormalinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.abpageNumber,
					pageSize: 5,
				}
				abnormalapi(queryParams).then(res => {
					this.abnormallist = res.data.content
					this.abnormaltotal = res.data.total
				});
			},
			typeabnormalinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.abpageNumber,
					pageSize: 5,
					type:1
				}
				abnormalapi(queryParams).then(res => {
					this.typeabnormaltotal = res.data.total
				});
			},
			abnormalChange(val) {
				this.abpageNumber = val
				this.abnormalinit()
			},
			punishinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.pupageNumber,
					pageSize: 5,
				}
				punishapi(queryParams).then(res => {
					this.punishlist = res.data.content
					this.punishtotal = res.data.total
				});
			},
			typepunishinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.pupageNumber,
					pageSize: 5,
					type:1
				}
				punishapi(queryParams).then(res => {
					this.typepunishtotal = res.data.total
				});
			},
			punishChange(val) {
				this.pupageNumber = val
				this.punishinit()
			},
			tpunishinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.tpupageNumber,
					pageSize: 5,
				}
				taxpunishapi(queryParams).then(res => {
					this.tpunishlist = res.data.content
					this.tpunishtotal = res.data.total
				});
			},
			tpunishChange(val) {
				this.tpupageNumber = val
				this.tpunishinit()
			},
			taxinfoinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.tapupageNumber,
					pageSize: 5,
				}
				taxinfoapi(queryParams).then(res => {
					this.taxinfolist = res.data.content
					this.taxinfototal = res.data.total
					this.$nextTick(() => {
						if(this.$route.query.index != undefined){
							if(this.$route.query.index == 2){
								if(this.$route.query.type == '经营异常'){
									this.two(10,1)
								}else if(this.$route.query.type == '行政处罚'){
									this.two(10,2)
								}else if(this.$route.query.type == '重大税收违法'){
									this.two(10,3)
								}else if(this.$route.query.type == '欠税公告'){
									this.two(10,4)
								}
							}
							
						}
					})
				});
			},
			taxinfoChange(val) {
				this.tapupageNumber = val
				this.taxinfoinit()
			},

			filedcaseinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.fcpupageNumber,
					pageSize: 5,
				}
				filedcaseapi(queryParams).then(res => {
					this.filedcaselist = res.data.content
					this.filedcasetotal = res.data.total
				});
			},
			fcChange(val) {
				this.fcpupageNumber = val
				this.filedcaseinit()
			},
			xianxiaoinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.xpupageNumber,
					pageSize: 5,
				}
				xianxiaoapi(queryParams).then(res => {
					this.xianxiaolist = res.data.content
					this.xianxiaototal = res.data.total
				});
			},
			xChange(val) {
				this.xpupageNumber = val
				this.xianxiaoinit()
			},
			shixininit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.shpupageNumber,
					pageSize: 5,
				}
				shixinapi(queryParams).then(res => {
					this.shixinlist = res.data.content
					this.shixintotal = res.data.total
				});
			},
			shChange(val) {
				this.shpupageNumber = val
				this.shixininit()
			},
			noticeinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.npupageNumber,
					pageSize: 5,
				}
				noticeapi(queryParams).then(res => {
					this.noticelist = res.data.content
					this.noticetotal = res.data.total
				});
			},
			ntChange(val) {
				this.npupageNumber = val
				this.noticeinit()
			},
			awsuitinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.awpupageNumber,
					pageSize: 5,
				}
				awsuitapi(queryParams).then(res => {
					this.awsuitlist = res.data.content
					this.awsuittotal = res.data.total
				});
			},
			awChange(val) {
				this.awpupageNumber = val
				this.awsuitinit()
			},
			announcementinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.anpupageNumber,
					pageSize: 5,
				}
				announcementapi(queryParams).then(res => {
					this.announcementlist = res.data.content
					this.announcementtotal = res.data.total
				});
			},
			anChange(val) {
				this.anpupageNumber = val
				this.announcementinit()
			},
			zhixinginit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.zhpupageNumber,
					pageSize: 5,
				}
				zhixingapi(queryParams).then(res => {
					this.zhixinglist = res.data.content
					this.zhixingtotal = res.data.total
					this.$nextTick(() => {
						if(this.$route.query.index != undefined){
							if(this.$route.query.index == 3){
								if(this.$route.query.type == '立案信息'){
									this.three(10,1)
								}else if(this.$route.query.type == '限制高消费'){
									this.three(10,2)
								}else if(this.$route.query.type == '失信被执行人'){
									this.three(10,3)
								}else if(this.$route.query.type == '开庭公告'){
									this.three(10,4)
								}else if(this.$route.query.type == '裁判文书'){
									this.three(10,5)
								}else if(this.$route.query.type == '法院公告'){
									this.three(10,6)
								}else if(this.$route.query.type == '被执行人'){
									this.three(10,7)
								}
								
							}
							
						}
					})
				});
			},
			zhChange(val) {
				this.zhpupageNumber = val
				this.zhixinginit()
			},

			integrateinit() {
				let queryParams = {
					company_id: this.companyid,
					// uniscid: this.companyuniscid,
					is_history:0, 
					pageNumber: this.inpupageNumber,
					pageSize: 5,
				}
				integrateapi(queryParams).then(res => {
					this.integratelist = res.data.content
					this.integratetotal = res.data.total
				});
			},
			inChange(val) {
				this.inpupageNumber = val
				this.integrateinit()
			},
			allowinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.alpupageNumber,
					pageSize: 5,
				}
				allowapi(queryParams).then(res => {
					this.allowlist = res.data.content
					this.allowtotal = res.data.total
				});
			},
			alChange(val) {
				this.alpupageNumber = val
				this.allowinit()
			},
			checkinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.chpupageNumber,
					pageSize: 5,
				}
				checkapi(queryParams).then(res => {
					this.checklist = res.data.content
					this.checktotal = res.data.total
				});
			},
			chChange(val) {
				this.chpupageNumber = val
				this.checkinit()
			},
			rongziinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.ropupageNumber,
					pageSize: 5,
				}
				rongziapi(queryParams).then(res => {
					this.rongzilist = res.data.content
					this.rongzitotal = res.data.total
				});
			},
			roChange(val) {
				this.ropupageNumber = val
				this.rongziinit()
			},
			employmentinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.empupageNumber,
					pageSize: 5,
				}
				employmentapi(queryParams).then(res => {
					this.employmentlist = res.data.content
					this.employmenttotal = res.data.total
				});
			},
			emChange(val) {
				this.empupageNumber = val
				this.employmentinit()
			},
			maininit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.mapupageNumber,
					pageSize: 5,
				}
				mainapi(queryParams).then(res => {
					this.mainlist = res.data.content
					this.maintotal = res.data.total
					this.$nextTick(() => {
						if(this.$route.query.index != undefined){
							if(this.$route.query.index == 4){
								console.log('this.$route.query.type',this.$route.query.type)
								if(this.$route.query.type == '招投标'){
									this.four(10,6)
								}else if(this.$route.query.type == '融资'){
									this.four(10,4)
								}	
							}
						}
					})
				});
			},
			maChange(val) {
				this.mapupageNumber = val
				this.maininit()
			},
			rannouncementinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.racpupageNumber,
					pageSize: 5,
				}
				rannouncementapi(queryParams).then(res => {
					this.rannouncementlist = res.data.content
					this.rannouncementtotal = res.data.total
				});
			},
			racChange(val) {
				this.racpupageNumber = val
				this.rannouncementinit()
			},
			chattelinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.ctpupageNumber,
					pageSize: 5,
				}
				chattelapi(queryParams).then(res => {
					this.chattellist = res.data.content
					this.chatteltotal = res.data.total
				});
			},
			ctChange(val) {
				this.ctpupageNumber = val
				this.chattelinit()
			},
			pledgeinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.plpupageNumber,
					pageSize: 5,
				}
				pledgeapi(queryParams).then(res => {
					this.pledgelist = res.data.content
					this.pledgetotal = res.data.total
				});
			},
			plChange(val) {
				this.plpupageNumber = val
				this.pledgeinit()
			},
			trademarkinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.trpupageNumber,
					pageSize: 5,
				}
				trademarkapi(queryParams).then(res => {
					this.trademarklist = res.data.content
					this.trademarktotal = res.data.total
				});
			},
			trChange(val) {
				this.trpupageNumber = val
				this.trademarkinit()
			},
			tableinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.tbpupageNumber,
					pageSize: 5,
				}
				tableapi(queryParams).then(res => {
					this.tablelist = res.data.content
					this.tabletotal = res.data.total
				});
			},
			tbChange(val) {
				this.tbpupageNumber = val
				this.tableinit()
			},
			softwareinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.sfpupageNumber,
					pageSize: 5,
				}
				softwareapi(queryParams).then(res => {
					this.softwarelist = res.data.content
					this.softwaretotal = res.data.total
				});
			},
			sfChange(val) {
				this.sfpupageNumber = val
				this.softwareinit()
			},
			worksinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.wkpupageNumber,
					pageSize: 5,
				}
				worksapi(queryParams).then(res => {
					this.workslist = res.data.content
					this.workstotal = res.data.total
				});
			},
			wkChange(val) {
				this.wkpupageNumber = val
				this.worksinit()
			},
			icpinit() {
				let queryParams = {
					company_id: this.companyid,
					uniscid: this.companyuniscid,
					is_history: 0,
					pageNumber: this.ipupageNumber,
					pageSize: 5,
				}
				icpapi(queryParams).then(res => {
					this.icplist = res.data.content
					this.icptotal = res.data.total
					this.$nextTick(() => {
						if(this.$route.query.index != undefined){
							if(this.$route.query.index == 5){
								if(this.$route.query.type == '商标'){
									this.five(10,1)
								}else if(this.$route.query.type == '专利'){
									this.five(10,2)
								}else if(this.$route.query.type == '软件著作权'){
									this.five(10,3)
								}else if(this.$route.query.type == '作品著作权'){
									this.five(10,4)
								}else if(this.$route.query.type == '网站备案'){
									this.five(10,5)
								}
							}
						}
					})
				});
			},
			icpChange(val) {
				this.ipupageNumber = val
				this.icpinit()
			},

			nameClose() {
				this.dialogname = false
			},
			phoneClose() {
				this.dialogphone = false
			},
			mailClose() {
				this.dialogmail = false
			},
			addressClose() {
				this.dialogaddress = false
			},
			details() {
				// this.$router.push({ path:'/purchase'})
			},
			fcdetails(itemdata) {
				sessionStorage.setItem('itemdata', JSON.stringify(itemdata))
				this.$router.push({
					path: '/filedcase',
					query: {
						wdtype: this.wdtype
					}
				})
			},
			punishdetails(itemdata) {
				sessionStorage.setItem('itemdata', JSON.stringify(itemdata))
				this.$router.push({
					path: '/punish',
					query: {
						wdtype: this.wdtype
					}
				})
			},
			tpunishdetails(itemdata) {
				sessionStorage.setItem('itemdata', JSON.stringify(itemdata))
				this.$router.push({
					path: '/taxpunish',
					query: {
						wdtype: this.wdtype
					}
				})
			},
			commondetails(itemdata, index) {
				sessionStorage.setItem('itemdata', JSON.stringify(itemdata))
				if (index == 1) {
					this.$router.push({
						path: '/shixin',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 2) {
					this.$router.push({
						path: '/notice',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 3) {
					this.$router.push({
						path: '/lawsuit',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 4) {
					this.$router.push({
						path: '/announcement',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 5) {
					this.$router.push({
						path: '/zhixing',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 6) {
					this.$router.push({
						path: '/employment',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 7) {
					this.$router.push({
						path: '/bid',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 8) {
					this.$router.push({
						path: '/purchase',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 9) {
					this.$router.push({
						path: '/chattel',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 10) {
					this.$router.push({
						path: '/pledge',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 11) {
					this.$router.push({
						path: '/trademark',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 12) {
					this.$router.push({
						path: '/patentinfo',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 13) {
					this.$router.push({
						path: '/software',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 14) {
					this.$router.push({
						path: '/works',
						query: {
							wdtype: this.wdtype
						}
					})
				} else if (index == 15) {
					this.$router.push({
						path: '/allow',
						query: {
							wdtype: this.wdtype
						}
					})
				}
			},
		}
	};
</script>

<style scoped lang="scss">
	.home {
		.subheader {
			height: 100px;
			background: linear-gradient(180deg, #3460D7 0%, #3D62CC 100%);

			.navbar {
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				height: 100px;
				padding: 0 30px;

				.logo {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 100px;
					font-size: 26px;
					color: #fff;
					font-weight: bold;
					margin-right: 8%;

					img {
						margin-right: 11px;
					}
				}

				.nav {
					display: flex;
					height: 100px;
					justify-content: center;
					align-items: center;
					font-size: 20px;
					color: #fff;
					font-weight: bold;

					.box {
						position: relative;
						height: 100px;
						line-height: 100px;

						span {
							position: absolute;
							left: 0;
							bottom: 0;
							height: 5px;
							background: #fff;
							display: block;
							width: 60px;
						}
					}

					.box::after {
						content: "|";
						margin: 0 36px;
						color: rgba(255, 255, 255, 0.2);
						font-weight: initial;
						font-size: 18px;
					}

					.box:last-child::after {
						display: none;
					}

				}

				.user {
					display: flex;
					height: 95px;
					justify-content: center;
					align-items: center;

					.box {
						font-size: 16px;
						line-height: 28px;
						color: #FFFFFF;
						font-weight: 400;
						background: url(../../assets/images/usericon.png) no-repeat left center;
						padding-left: 22px;
					}

					.bt {
						width: 62px;
						height: 28px;
						line-height: 28px;
						text-align: center;
						background: #FFFFFF;
						border-radius: 5px 5px 5px 5px;
						font-size: 12px;
						color: #000000;
						font-weight: 400;
						margin-left: 10px;
						cursor: pointer;
					}
				}
			}

			.slogan {
				color: #fff;
				font-size: 42px;
				color: #FFFFFF;
				text-align: center;
				font-weight: bold;
				letter-spacing: 3px;
				line-height: 55px;
				padding: 84px 0 54px;
			}

			.search {
				display: flex;
				justify-content: center;
				align-items: center;

				.box {
					display: flex;

					.search-bt {
						width: 120px;
						height: 53px;
						background: #217FE4;
						border-radius: 0px 4px 4px 0px;
						font-size: 22px;
						color: #FFFFFF;
						font-weight: 400;
						text-align: center;
						line-height: 53px;
						letter-spacing: 2px;
					}
				}

				.advanced-search {
					width: 32px;
					height: 40px;
					line-height: 20px;
					font-size: 16px;
					font-weight: 400;
					color: #FFFFFF;
					margin-left: 12px;
					cursor: pointer;
				}
			}
		}

		.enterprise-info {
			margin: 48px auto 0;
			overflow: hidden;

			.top-info {
				.icon-logo {
					margin-right: 16px;
					width: 76px;

					img {
						width: 100%;
					}

					.logotag {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 72px;
						height: 72px;
						border-radius: 4px 4px 4px 4px;
						background: #7DB3DA;
						font-size: 22px;
						color: #fff;
						margin-right: 24px;
					}
				}

				.info-name {
					position: relative;
				}

				.name {
					font-size: 28px;
					color: #000000;
					font-weight: bold;
					line-height: 37px;
					margin-bottom: 10px;

					span {
						// width: 64px;
						height: 29px;
						background: #E3FCE9;
						border-radius: 4px 4px 4px 4px;
						display: inline-block;
						font-weight: 400;
						font-size: 16px;
						color: #24C84C;
						line-height: 29px;
						text-align: center;
						vertical-align: middle;
						margin-left: 13px;
						padding: 0 16px;
					}
				}

				.tag-list {
					.el-tag {
						margin-right: 14px;
					}
				}

				.optional {
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					display: flex;
					justify-content: center;
					align-items: center;
					width: 92px;
					height: 37px;
					background: #0071DF;
					border-radius: 2px 2px 2px 2px;
					font-weight: 400;
					font-size: 16px;
					color: #FFFFFF;
					cursor: pointer;

					img {
						margin-right: 2px;
					}
				}
				.closeoptional{
					background: #f3f5f8 !important;
					color: #999 !important;
					border: 1px solid #ebedf0;
				}
			}

			.bottom-info {
				margin-top: 23px;
				background: #F2F9FF;
				border-radius: 4px 4px 4px 4px;
				border: 1px solid #E8EAEC;
				padding-top: 12px;

				.info-list {
					display: flex;

					.box {
						width: 45%;

						p {
							padding: 0 0 0 20px;
							margin: 0;
							height: 37px;
							line-height: 37px;
							font-weight: 400;
							font-size: 16px;
							color: #000000;
							text-overflow: ellipsis;
							overflow: hidden;
							white-space: nowrap;

							em {
								color: #FF824B;
								margin-left: 4px;
								cursor: pointer;
							}
						}

						.mail {
							em {
								color: #FF824B;
							}
						}
					}

					.box:first-child {
						border-right: 1px solid #E8EAEC;
					}

					.box:last-child {
						padding-left: 58px
					}
				}

				.introduction {
					border-top: 1px solid #E8EAEC;
					padding: 8px 20px 8px 20px;
					margin-top: 8px;
					font-weight: 400;
					font-size: 16px;
					line-height: 27px;
					color: #000000;

					span {
						display: block;
						line-height: 27px;
					}

					p {
						padding: 0;
						margin: 0
					}
				}
			}

			.monitor {
				margin: 47px auto 23px;

				.title {
					display: flex;
					justify-content: center;
					align-items: center;
					font-weight: bold;
					font-size: 20px;
					color: #FA9417;
					margin-right: 24px;
				}

				.text-list {
					display: flex;
					justify-content: left;
					align-items: center;
					height: 65px;
					font-size: 16px;
					color: #222;

					.box::after {
						content: "|";
						margin: 0 10px;
						color: #D1D1D1;
					}

					span {
						color: #FA9417;
					}
				}
			}
		}

		.column-container {
			.columnmain {
				position: relative;
			}

			.column-title {
				height: 58px;
				background: #EDF1F5;
				border-radius: 6px 6px 0px 0px;
				border: 1px solid #E0E0E0;
				overflow: hidden;

				.box {
					width: 20%;
					float: left;
					text-align: center;
					height: 58px;
					line-height: 58px;
					font-weight: bold;
					font-size: 20px;
					color: #000000;

					span {
						font-weight: 400;
						font-size: 13px;
						color: #999999;
						margin-left: 4px;
					}
				}

				.box.cur {
					background: linear-gradient(90deg, #0071DF 0%, #5E99EC 100%, #649CED 100%);
					color: #fff;

					span {
						color: #fff;
					}
				}
			}

			.column-list {
				min-height: 389px;
				border-radius: 0px 0px 6px 6px;
				position: absolute;
				top: 58px;
				left: 0;
				right: 0;
				z-index: 999;
				background: #fff;
				box-shadow: 0px 10px 10px #dbe6f9;

				.list {
					width: 20%;
					float: left;
					min-height: 389px;
					border-right: 1px solid #E8EAEC;
				}

				.list:hover {
					background: #EDF1F5;
				}

				p {
					margin: 0 0 4px 0;
					padding: 0 0 0 14px;
					font-weight: 400;
					font-size: 14px;
					color: #333;
					height: 26px;
					line-height: 26px;
					.number {
					    margin-left: 2px;
					    color: #1f81f8;
					}
					
				}

				p:first-child {
					margin-top: 11px;
				}
				
				.nopointer {
					color: #999999;
					.number {
					    margin-left: 2px;
					    color: #999999;
					}
				}
				.fxlist{
					p{
						.number {
						    margin-left: 2px;
						    color: #ff5959;
						}
					}
					.nopointer {
						.number {
						    margin-left: 2px;
						    color: #999999;
						}
					}
				}
				.pointer:hover {
					color: #0071DF;
				}
			}

			.column-main {
				padding: 30px 24px;

				.table-container {
					.common-box {
						margin-bottom: 45px;
						overflow: hidden;
					}

					.common-box:last-child {
						margin-bottom: 0;
					}

					.pagination {
						float: right;
						margin-top: 26px;
					}

					.common-title {
						height: 42px;
						line-height: 42px;
						background: #E5F2FF;
						font-weight: bold;
						font-size: 18px;
						color: #0071DF;
						margin-bottom: 20px;
					}

					.common-title::before {
						content: '|';
						margin: 0 8px 0 14px;
					}

					.common-title2-1 {
						background: #FFF3E8;
						color: #FF8C1A;
					}

					.common-title2 {
						background: #FFEAEA;
						color: #FF3030;
					}

					.common-title3 {
						background: #E3FCE9;
						color: #24C84C;
					}

					.el-table {
						.cell {
							font-size: 16px;
							color: #000;
							line-height: 25px;
						}
					}

					.table-box {
						.bigtable {
							width: 100%;

							.table-name {
								background: #F7FBFF;

								.cell {
									width: 200px !important;
								}
							}
						}
					}

				}
			}
		}


		.common-footer {
			min-height: 79px;
			background: #EFF1F3;
			font-size: 12px;
			color: #656C74;
			line-height: 17px;
			margin-top: 98px;

			.topnav {
				padding: 16px 0 12px;
				text-align: center;
				display: flex;
				justify-content: center;

				.box::after {
					content: '|';
					margin: 0 12px;
					color: #656C74;
				}

				.box:last-child::after {
					display: none;
				}
			}

			.binfo {
				display: flex;

				.box {
					margin-right: 90px;
				}

				.box:last-child {
					margin-right: 0;
					background: url(../../assets/images/ficon01.png) no-repeat left center;
					padding-left: 20px;
				}
			}
		}
	}
</style>
<style>
	.el-table .cell {
		font-size: 16px;
		color: #000000;
		line-height: 25px;
		padding: 5px 20px;
		font-weight: 400;
	}

	.dialogtable .el-table .cell .el-table--border .el-table__cell:first-child .cell {
		padding-left: 20px;
	}

	.el-table .el-table__header-wrapper th,
	.el-table .el-table__fixed-header-wrapper th {
		background: #F7FBFF;
	}

	.el-table th.el-table__cell>.cell {
		padding-left: 20px;
	}

	.dialogtable .el-table .cell {
		font-size: 14px;
		padding: 2px 15px;
	}

	.el-dialog__header {
		border-bottom: 2px dashed #eee;
	}
</style>